<!DOCTYPE html>
<html>
<head>
	<title>网易邮箱</title>
  <meta charset="utf-8">
<style type="text/css">
 .tg{
 	width: 958px;
 	height: 81px;
 	margin: 0 auto;
 }     

.dh{
	width: 958px;
	height: 40px;
	background-color: #84c1ff;
	font-size: 8px;
	color: #ffffff;
	position: absolute;
	right: 480px;
	top: 90px;
}

.a1{
  width: 958px;
  height: 200px;
  margin-top: 40px;
}

.bm{
  width: 985px;
  height: 300px;
  margin: 0 auto;
}
</style>
</head>
<body>
<div>
<div class="tg"><img src="01.jpg" /></div>
<div class="dh"><h1>欢迎注册无限容量的网易邮箱！邮箱地址可以登录使用其他网易旗下产品</h1></div>
<div class="a1">
<ul>
	<li><a href="#" class="A1" style="text-decoration:none;">注册字母邮箱</a></li>
	<li><a href="#" class="A2" style="text-decoration:none;">注册手机号码邮箱</a></li>
	<li><a href="#" class="A3" style="text-decoration:none;">注册VIP邮箱</a></li>
</ul>
</div>

  <div class="bm">
  	<dl>
  	 <dt class="tt-1">
  	<div>
  	<span calss="txt-1">*</span>邮件地址&nbsp;&nbsp;&nbsp;&nbsp;<input type="text-1">
  	@<select>
  		<option>163.com</option>
  		<option>126.com</option>
  		<option>yeah.net</option>
  	</select>
    </div>
  	<span class="text-01">6~18个字符，可使用字母、数字、下划线，需以字母开头</span>
  	 </dt>

  	 <dt calss="tt-2">
  	 <div>
    <span class="txt-2">*</span>密码&nbsp;&nbsp;&nbsp;&nbsp;<input type="text-2">
    </div>
    <span class="text-02">6~16个字符，注意区分大小写</span>
  	 </dt>

  	 <dt calss="tt-3">
  	 <div>
    <span class="txt-3">*</span>确认密码&nbsp;&nbsp;&nbsp;&nbsp;<input type="text-3">
    </div>
    <span class="text-03">请再次填写密码</span>
  	 </dt>

     <dt calss="tt-4">
     <div>
    <span class="txt-4">*</span>手机号码&nbsp;&nbsp;&nbsp;&nbsp;<input type="text-4">
    </div>
    <span class="text-04">忘记密码时，可通过该手机号码快速找回密码</span>
  	 </dt>

  	</dl>
  </div>
</div>
</body>
</html>